<script setup>
import router from "@/router/router.js";

// 用户页头（未登录）

const login = inject("login");

function goBack() {
  // TODO 返回
  console.log("goBack");
}
</script>

<template>
  <el-page-header @back="goBack" class="el-page-header-user" title="返回">
    <template #content>
      <div class="content">
        <span> 枕月眠星 </span>
      </div>
    </template>

    <template #extra>
      <div class="extra">
        <el-link @click="login" :underline="false" class="extra">登录</el-link>
        &emsp;
      </div>
    </template>

  </el-page-header>
</template>

<style scoped>
.el-page-header-user {
  padding: 13px;
  height: 100vh;
  background-image: url("@/assets/moon.png");
  background-size:100% 100%;
  background-attachment:fixed;
  color: white;
}
.extra {
  color: white;
}
.content {
  color: white;
}
</style>